<template>
  <div class="operate-area-wrap">
    <div class="left_search"><search-box v-bind="$attrs" v-on="$listeners"></search-box></div>
    <div class="right_menu"><OperateBtnGroup v-bind="$attrs" v-on="$listeners"></OperateBtnGroup></div>
  </div>
</template>

<script>
import SearchBox from '@/components/SearchBox/index'
import OperateBtnGroup from '@/components/OperateBtnGroup/roleindex'

export default {
  name: 'OperateArea',
  components: {
    SearchBox, OperateBtnGroup
  },
  inheritAttrs: false,
  data() {
    return {}
  },
  created() {
  },
  methods: {}
}
</script>

<style lang="scss" scoped>
.operate-area-wrap {
  width: 100%;
  height: 36px;
  margin: 0 0 16px 0;
}
.left_search {
  width: auto;
  height: 36px;
  float: left;
}
.right_menu {
  width: auto;
  height: 36px;
  padding: 2px 0;
  float: right;
}
</style>
